<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'baoshow.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/hplus/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/hplus/css/plugins/bootstrap-table/bootstrap-table.min.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/hplus/css/plugins/sweetalert/sweetalert.css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/hplus/js/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/hplus/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/hplus/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/hplus/js/plugins/sweetalert/sweetalert.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/hplus/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/laydate/laydate.js"></script>

<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/hplus/favicon.ico">
<link
	href="${pageContext.request.contextPath}/hplus/css/bootstrap.min14ed.css?v=3.3.6"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/hplus/css/font-awesome.min93e3.css?v=4.4.0"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/hplus/css/animate.min.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/hplus/css/style.min862f.css?v=4.1.0"
	rel="stylesheet">
</head>

<script type="text/javascript">
	$(function() {
		laydate.render({
			elem : '#test11'
		});
		laydate.render({
			elem : '#test12' //指定元素
		});
		laydate.render({
			elem : '#test13' //指定元素
		});
		laydate.render({
			elem : '#test14'
		});
		laydate.render({
			elem : '#test15'
		});
		$("#recipient-mianji").blur(function() {
			var mianji = $("#recipient-mianji").val();
			if (!(/^[0-9]*$/.test(mianji))) {
				alert("面积请直接输入数字！");
			}
		});
		
		
		$("#query").bootstrapTable({
			url : "asdf.do?met=query2",
			striped : true,
			pagination : true,
			pageList : [ 10, 20, 30, 40, 50 ],
			search : true,
			clickToSelect : true,
			//singleSelect:true,
			toolbar : '#d1',
			columns : [
				{
					field : 'xx',
					title : '序号',
					formatter : function(value, row, index) {
						return index + 1;
					}
				}, {
					field : 'id',
					title : '序号',
					visible : false
				}, {
					field : 'cname',
					title : '工地名称'
				}, {
					field : 'uname',
					title : '客户姓名',
					formatter : function(value, row, index) {
						return "<a data-toggle='modal' data-target='#exampleModal' data-whatever='@getbootstrap' onclick='getall(" + row.id + ")'>" + row.uname + "</a>";
					}
				}, {
					field : 'hname',
					title : '负责人',
					formatter : function(value, row, index) {
						return "<a data-toggle='modal' data-target='#fuzeren' data-whatever='@getbootstrap' onclick='fugetall(" + row.id + ")'>" + row.hname + "</a>";
					}
				}, {
					field : 'dname',
					title : '设计师',
					formatter : function(value, row, index) {
						return "<a data-toggle='modal' data-target='#shejishi' data-whatever='@getbootstrap' onclick='shegetall(" + row.id + ")'>" + row.dname + "</a>";
					}
				}, {
					field : 'bdtime',
					title : '开始',
					visible : false
				}
				, {
					field : 'sdtime',
					title : '结束',
					visible : false
				}, {
					field : 'xx',
					title : '施工日期',
					formatter : function(value, row, index) {

						return "<a data-toggle='modal' data-target='#gongqi' data-whatever='@getbootstrap' onclick='shigong(" + row.id + ")'>" + row.bdtime + " ~ " + row.sdtime + "</a>";
					}
				}, {
					field : 'progress',
					title : '进度状况',
					formatter : function(value, row, index) {
						return "<a href='jindu.jsp?zid=" + row.id + "'>" + row.progress + "</a>";
					}
				}, {
					field : 'problems',
					title : '施工问题',
					formatter : function(value, row, index) {
					
						var a;
						$.ajax({
							type : "post",
							url : "cpro.do?met=yjj",
							async : false,
							data : {
								"id" : row.id
							},
							datatype : "json",
							success : function(result) {
								var b = eval(result);
								a = b;
								c=b;
							}
						});
						return "<div><a style='color:#000' href='cpro.do?id=" + row.id + "&met=未解决'>待解决问题（" + a[1] + "）</a></div><div><a style='color:#000' href='cpro.do?id=" + row.id + "&met=已解决'>已解决问题（" + a[0] + "）</a></div> <div ><a href='cpro.do?id=" + row.id + "&met=今日' style='color:#000'>今日问题（<span id='jin'>" + a[2] + "</span>）</a></div>";
						
					},cellStyle:function(value,row,index){  
					
						var a;
						$.ajax({
							type : "post",
							url : "cpro.do?met=yjj",
							async : false,
							data : {
								"id" : row.id
							},
							datatype : "json",
							success : function(result) {
								var b = eval(result);
								a = b;
							}
						});
						
					    if (a[2]!=0){  
					        return {css:{"background-color":"red"}}  
					    }else{  
					        return {css:{"background-color":"#fff"}}  
					    }  
					}
				}, {
					field : 'xxxx',
					title : '主材问题',
					formatter : function(value, row, index) {

						var a;
						$.ajax({
							type : "post",
							url : "mmpservlet.do?met=yjj",
							async : false,
							data : {
								"id" : row.id
							},
							datatype : "json",
							success : function(result) {
								var b = eval(result);
								a = b;
							}
						});
						
								
							return "<div><a style='color:#000' href='mmpservlet.do?id=" + row.id + "&met=未解决'>待解决问题（" + a[1] + "）</a></div><div><a style='color:#000' href='mmpservlet.do?id=" + row.id + "&met=已解决'>已解决问题（" + a[0] + "）</a></div> <div ><a href='mmpservlet.do?id=" + row.id + "&met=今日' style='color:#000'>今日问题（<span id='jin2'>" + a[2] + "</span>）</a></div>";


						
					//return "<div>待解决问题（"+a[1]+"）</div><div>已解决问题（"+a[0]+"）</div> <div><span>今日问题（<span id="jin">"+a[2]+"</span>）</span></div>";
					},cellStyle:function(value,row,index){  
					
						var a;
						$.ajax({
							type : "post",
							url : "mmpservlet.do?met=yjj",
							async : false,
							data : {
								"id" : row.id
							},
							datatype : "json",
							success : function(result) {
								var b = eval(result);
								a = b;
							}
						});
						if (a[2]!=0){  
					        return {css:{"background-color":"red"}}  
					    }else{  
					        return {css:{"background-color":"#fff"}}  
					    }  

					//return "<div>待解决问题（"+a[1]+"）</div><div>已解决问题（"+a[0]+"）</div> <div><span>今日问题（<span id="jin">"+a[2]+"</span>）</span></div>";
					}
				}, {
					field : 'materials',
					title : '辅材问题',

					formatter : function(value, row, index) {
					
						var a;
						$.ajax({
							type : "post",
							url : "pmate.do?met=yjj",
							async : false,
							data : {
								"id" : row.id
							},
							datatype : "json",
							success : function(result) {
								var b = eval(result);
								a = b;
							}
						});
						
								
							return "<div><a style='color:#000' href='pmate.do?id=" + row.id + "&met=未解决'>待解决问题（" + a[1] + "）</a></div><div><a style='color:#000' href='pmate.do?id=" + row.id + "&met=已解决'>已解决问题（" + a[0] + "）</a></div> <div ><a href='pmate.do?id=" + row.id + "&met=今日' style='color:#000'>今日问题（<span id='jin3'>" + a[2] + "</span>）</a></div>";

						
						
					},cellStyle:function(value,row,index){  
					
						var a;
						$.ajax({
							type : "post",
							url : "pmate.do?met=yjj",
							async : false,
							data : {
								"id" : row.id
							},
							datatype : "json",
							success : function(result) {
								var b = eval(result);
								a = b;
							}
						});
						
					    if (a[2]!=0){  
					        return {css:{"background-color":"red"}}  
					    }else{  
					        return {css:{"background-color":"#fff"}}  
					    }  
					}
				}, {
					field : 'money',
					title : '资金状况',
					formatter : function(value, row, index) {
						return "<a href='zijin.do?mm=1&zid=" + row.id + "'>" + row.money + "</a>";
					}
				}, {
					field : 'xxx',
					title : '施工图纸',
					formatter : function(value, row, index) {
						var a;
						$.ajax({
							type : "post",
							url : "imgesservlet.do?met=count",
							async : false,
							data : {
								"id" : row.id
							},
							datatype : "json",
							success : function(result) {
								var b = eval(result);
								a = b;
							}
						})
						return "<a href='imgesservlet.do?met=query&id=" + row.id + "'>" + a + "张</a>";
					}
				}, {
					field : 'udtime',
					title : '更新日期',
					formatter : function(value, row, index) {
						var date = new Date();
						var seperator1 = "-";
						var year = date.getFullYear();
						var month = date.getMonth() + 1;
						var strDate = date.getDate();
						if (month >= 1 && month <= 9) {
							month = "0" + month;
						}
						if (strDate >= 0 && strDate <= 9) {
							strDate = "0" + strDate;
						}
						var time = year + seperator1 + month + seperator1 + strDate;
						if (time == row.udtime) {
							return "最新状态";
						} else {
							return "今日无问题";
						}
					}
				}, {
					field : 'remark',
					title : '是否完工',
					formatter : function(value, row, index) {
						return "<a data-toggle='modal' data-whatever='@getbootstrap' onclick='getshi(this," + row.id + ")'>" + row.remark + "</a>";
					}
				}
			]
		})
		a();

	});

	function a() {
		var zhi = $("#jin").text();
		if (zhi == 0) {
			$("#jin").css("color", "#000");
		} else {
			$("#jin").css("color", "red");
		}
	}
	function getshi(obj,id) {
	$("#yan").val(id);
		var j = $(obj).parent().parent();;
		var jin = $(j).find("#jin").text();
		var jin2 = $(j).find("#jin2").text();
		var jin3 = $(j).find("#jin3").text();
		console.log(typeof jin);
		console.log("1:"+jin+":2:"+jin2+":3:"+jin3);
		
		
		if(jin!=0 || jin2 != 0 || jin3 != 0){
			alert("该工程还有问题未解决，无法完工！");
		}else{
			$("#examremark").modal("show");
		}
		
	}
	function dian2(id, pan) {
		if (pan == "未解决") {
			alert("未解决");
		} else if (pan == "已解决") {
			alert("已解决");
		} else if (pan == "未解决") {
			alert("未解决j");
		}
	}

	function ygai(shu) {
		var id = $("#yan").val();
		if (shu == 1) {
			var tt = $("#ytai").val();
			if (tt == "请选中") {
				alert("请选择施工问题！");
				return false;
			}
			$("#examproblems").modal("hide");
			$.post("san.do?mm=1", {
				"id" : id,
				"tt" : tt
			}, function(data) {
				var r = eval("(" + data + ")");
				$("#query").bootstrapTable("load", r);
			})
		} else if (shu == 2) {
			var tt = $("#yfu").val();
			if (tt == "请选中") {
				alert("请选择辅材问题！");
				return false;
			}
			$("#exammaterials").modal("hide");
			$.post("san.do?mm=2", {
				"id" : id,
				"tt" : tt
			}, function(data) {
				var r = eval("(" + data + ")");
				$("#query").bootstrapTable("load", r);
			})
		} else if (shu == 3) {
			var tt = $("#ywan").val();
			if (tt == "请选中") {
				alert("请选择是否完工！");
				return false;
			}
			$("#examremark").modal("hide");
			$.post("san.do?mm=3", {
				"id" : id,
				"tt" : tt
			}, function(data) {
				var r = eval("(" + data + ")");
				$("#query").bootstrapTable("load", r);
			})
		}
	}
	function getall(id) {
		$.post("baoget.do", {
			"id" : id,
			"met" : "getby"
		}, function(ret) {
			var a = JSON.parse(ret);
			$("#recipient-name").val(a.name);
			$("#recipient-phone").val(a.phone);
			$("#recipient-xiaoqu").val(a.community);
			$("#recipient-mianji").val(a.pfm);
			$("#zid").val(a.zid);
		})
	}


	function update() {
		var name = $("#recipient-name").val();
		var phone = $("#recipient-phone").val();
		var xiaoqu = $("#recipient-xiaoqu").val();
		var mianji = $("#recipient-mianji").val();
		var zid = $("#zid").val();
		$.post("asdf.do", {
			"met" : "bupda",
			"zid" : zid,
			"name" : name,
			"phone" : phone,
			"xiaoqu" : xiaoqu,
			"mianji" : mianji
		}, function(ret) {
			var r = eval("(" + ret + ")");
			$("#exampleModal").modal("hide");
			$("#query").bootstrapTable("load", r);
		})
	}

	function shigong(id) {
		$.post("asdf.do", {
			"met" : "shigongcha",
			"id" : id
		}, function(ret) {
			var a = JSON.parse(ret);
			$("#timeid").val(a.zid);
			$("#test11").val(a.btime);
			$("#test12").val(a.stime);
			$("#test13").val(a.dtime);
		})
	}

	function baoc() {
		var btime = $("#test11").val();
		var stime = $("#test12").val();
		var dtime = $("#test13").val();
		var zid = $("#timeid").val();
		$.post("asdf.do", {
			"met" : "shigonggai",
			"id" : zid,
			"btime" : btime,
			"stime" : stime,
			"dtime" : dtime
		}, function(ret) {
			var r = eval("(" + ret + ")");
			$("#gongqi").modal("hide");
			$("#query").bootstrapTable("load", r);
		})


	}
	function baoinserts() {
		var cname = $("#ba").val();
		var uname = $("#bb").val();
		var hname = $("#bc").val();
		var dname = $("#bd").val();
		var bdtime = $("#test14").val();
		var sdtime = $("#test15").val();
		$.post("asdf.do", {
			"met" : "baoinserts",
			"cname" : cname,
			"uname" : uname,
			"hname" : hname,
			"dname" : dname,
			"bdtime" : bdtime,
			"sdtime" : sdtime
		}, function(ret) {
			var r = eval("(" + ret + ")");
			$("#myModal").modal("hide");
			$("#query").bootstrapTable("load", r);
		})
	}
	function fugetall(id){
		$.post("asdf.do",{"met":"fuzerencha","zid":id,},function(ret){
			var a = JSON.parse(ret);
			$("#fu-name").val(a.name);
			$("#fu-phone").val(a.phone);
			$("#fid").val(a.zid);
		})
	}
	function shegetall(id){
		$.post("asdf.do",{"met":"shejishicha","zid":id,},function(ret){
			var a = JSON.parse(ret);
			$("#she-name").val(a.name);
			$("#she-phone").val(a.phone);
			$("#sid").val(a.zid);
		})
	}
	function fuupdate(){
		var name = $("#fu-name").val();
		var phone = $("#fu-phone").val();
		var zid = $("#fid").val();
		
		$.post("asdf.do",{"met":"fuzerengai","name":name,"phone":phone,"zid":zid},function(ret){
			var r = eval("(" + ret + ")");
			$("#fuzeren").modal("hide");
			$("#query").bootstrapTable("load", r);
		})

		
		




	}

	
	function sheupdate(){
		var name = $("#she-name").val();
		var phone = $("#she-phone").val();
		var zid = $("#sid").val();
		$.post("asdf.do",{"met":"shiejishigai","name":name,"phone":phone,"zid":zid},function(ret){
			var r = eval("(" + ret + ")");
			$("#shejishi").modal("hide");
			$("#query").bootstrapTable("load", r);
		})
	}

</script>

<body>
	<input type="hidden" id="yin">
	<input type="hidden" id="yin2">
	<input type="hidden" id="yin3">
	<input type="hidden" id="yan">
	<div id="d1">
		
	</div>

	<table id="query"></table>


	<div class="modal fade" id="examproblems" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">施工问题</h4>
				</div>
				<div class="modal-body">
					<form>

						<div class="form-group">
							<label for="name">施工问题</label> <select id="ytai"
								class="form-control">
								<option value="请选中">请选中</option>
								<option value="有">有</option>
								<option value="无">无</option>
							</select>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>






	<div class="modal fade" id="exammaterials" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">辅材问题</h4>
				</div>
				<div class="modal-body">
					<form>

						<div class="form-group">
							<label for="name">辅材问题</label> <select id="yfu"
								class="form-control">
								<option value="请选中">请选中</option>
								<option value="有">有</option>
								<option value="无">无</option>
							</select>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>




	<div class="modal fade" id="examremark" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">是否完工</h4>
				</div>
				<div class="modal-body">
					<form>

						<div class="form-group">
							<label for="name">是否完工</label> <select id="ywan"
								class="form-control">
								<option value="请选中">请选中</option>
								<option value="是">是</option>
								<option value="否">否</option>
							</select>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>



	<!--暴佳华  -->
	<div class="modal fade" id="fuzeren" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">负责人</h4>
				</div>
				<div class="modal-body">
					<form>
						<input type="hidden" id="fid" />
						<div class="form-group">
							<label for="recipient-name" class="control-label">姓名:</label> <input
								type="text" class="form-control" id="fu-name">
						</div>
						<div class="form-group">
							<label for="recipient-name" class="control-label">电话:</label> <input
								type="text" class="form-control" id="fu-phone">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!--孟雪  -->

	<!--暴佳华  -->
	<div class="modal fade" id="shejishi" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">设计师</h4>
				</div>
				<div class="modal-body">
					<form>
						<input type="hidden" id="sid" />
						<div class="form-group">
							<label for="recipient-name" class="control-label">姓名:</label> <input
								type="text" class="form-control" id="she-name">
						</div>
						<div class="form-group">
							<label for="recipient-name" class="control-label">电话:</label> <input
								type="text" class="form-control" id="she-phone">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>

	<!--孟雪  -->



	
	
	



	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">客戶</h4>
				</div>
				<div class="modal-body">
					<form>
						<input type="hidden" id="zid" />
						<div class="form-group">
							<label for="recipient-name" class="control-label">姓名:</label> <input
								type="text" class="form-control" id="recipient-name">
						</div>
						<div class="form-group">
							<label for="recipient-name" class="control-label">电话:</label> <input
								type="text" class="form-control" id="recipient-phone">
						</div>
						<div class="form-group">
							<label for="recipient-name" class="control-label">工地名称:</label> <input
								type="text" class="form-control" id="recipient-xiaoqu">
						</div>
						<!-- <div class="form-group">
            <label for="recipient-name" class="control-label">面积:</label>
            <input type="text" placeholder="请输入数字" class="form-control" id="recipient-mianji">
          </div> -->

						<div class="form-group">
							<label for="recipient-name" class="control-label">面积:</label>
							<div class="input-group">
								<input type="text" class="form-control" id="recipient-mianji"
									placeholder="请直接输入数字！"> <span class="input-group-btn">
									<button class="btn btn-default" type="button">
										㎡
										<tton>
								</span>
							</div>
							<!-- /input-group -->
						</div>

					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="gongqi" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">施工日期</h4>
				</div>
				<div class="modal-body">
					<form id="aa">
						<div class="form-group">
							<label for="recipient-name" class="control-label">开工时间:</label> <input
								type="text" class="layui-input form-control" id="test11"
								placeholder="yyyy-MM-dd">
						</div>
						<div class="form-group">
							<label for="recipient-name" class="control-label">竣工时间:</label> <input
								type="text" class="layui-input form-control" id="test12"
								placeholder="yyyy-MM-dd">
						</div>
						<div class="form-group">
							<label for="recipient-name" class="control-label">延期时间:</label> <input
								type="text" class="layui-input form-control" id="test13"
								placeholder="yyyy-MM-dd">
						</div>
						<input type="hidden" id="timeid">
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="myModal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">

					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">添加信息</h4>
				</div>
				<div class="modal-body">
					<form>
						<div class="form-group">
							<label for="name">工地名称</label> <input type="text"
								class="form-control" id="ba">
						</div>
						<div class="form-group">
							<label for="name">客户姓名</label> <input type="text"
								class="form-control" id="bb">
						</div>
						<div class="form-group">
							<label for="name">负责人</label> <input type="text"
								class="form-control" id="bc">
						</div>
						<div class="form-group">
							<label for="name">设计师</label> <input type="text"
								class="form-control" id="bd">
						</div>
						<div class="form-group">
							<label for="recipient-name" class="control-label">开工时间:</label> <input
								type="text" class="layui-input form-control" id="test14"
								placeholder="yyyy-MM-dd">
						</div>
						<div class="form-group">
							<label for="recipient-name" class="control-label">竣工时间:</label> <input
								type="text" class="layui-input form-control" id="test15"
								placeholder="yyyy-MM-dd">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
</body>

</html>









